﻿{% extends "base.html" %}

{% block scripts %}
{% endblock %}

{% block content %}
        		<h1>Друзья</h1>
				
				<ul class="tabs_list friends_tabs">
					<li class="item item_current"><a href="/friends/">Все друзья</a><span class="bg"></span></li>
					<li class="item"><a href="/online_friends/">Друзья онлайн</a><span class="bg"></span></li>
					<li class="item"><a href="/add_friend/">Добавить друга</a><span class="bg"></span></li>
				</ul>
				
				<ul class="paging">
					<li class="item"><a href="#"><img class="icon" src="/media/images/icon_arrow_2.gif" width="11" height="5"></a></li>
					<li class="item item_current">1</li>
					<li class="item"><a href="#">2</a></li>
					<li class="item"><a href="#">3</a></li>
					<li class="item"><a href="#">4</a></li>
					<li class="item"><a href="#">5</a></li>
					<li class="item"><a href="#">6</a></li>
					<li class="item"><a href="#">7</a></li>
					<li class="item"><a href="#">8</a></li>
					<li class="item"><a href="#">9</a></li>
					<li class="item"><a href="#">10</a></li>
					<li class="item"><a href="#">...</a></li>
					<li class="item"><a href="#">30</a></li>
					<li class="item"><a href="#"><img class="icon" src="/media/images/icon_arrow_1.gif" width="11" height="5"></a></li>
				</ul>
				
				<ul class="info_list_1 friends_list">
                    {% for fr in friendship_requests %}
                        <li class="list_item {% if forloop.first %}list_item_first{% endif %}">
                            <img class="pic"
                            {% if fr.from_user.user_info.avatar %}
                                src="{{ fr.from_user.user_info.avatar.url }}"
                                {% if fr.from_user.user_info.avatar.width > fr.from_user.user_info.avatar.height %}
                                width="79"
                                {% else %}
                                height="79"
                                {% endif %}
                            {% else %}
                                src="/media/images/nophoto.jpg/"
                                width="79" height="79"
                            {% endif %}/>
                            <div class="item_base">
                                <dl class="info">
                                    <dt>Имя:</dt>
                                        <dd><a href="/profile/{{ fr.from_user.id }}/">{{ fr.from_user.user_info.last_name }} {{ fr.from_user.user_info.first_name }}</a></dd>
                                    <dt>Компания:</dt>
                                        <dd><a href="#">Мы</a></dd>
                                </dl>
                            </div>
                            <ul class="options">
                                <li class="item"><a href="#">Написать сообщение</a></li>
                                <li class="item"><a href="/friends/accept/{{ fr.from_user.id }}/">Добавить</a></li>
                                <li class="item"><a href="/friends/decline/{{ fr.from_user.id }}/">Отклонить</a></li>
                            </ul>
                        </li>
                    {% endfor %}
				</ul>
				
				<ul class="paging">
					<li class="item"><a href="#"><img class="icon" src="/media/images/icon_arrow_2.gif" width="11" height="5"></a></li>
					<li class="item item_current">1</li>
					<li class="item"><a href="#">2</a></li>
					<li class="item"><a href="#">3</a></li>
					<li class="item"><a href="#">4</a></li>
					<li class="item"><a href="#">5</a></li>
					<li class="item"><a href="#">6</a></li>
					<li class="item"><a href="#">7</a></li>
					<li class="item"><a href="#">8</a></li>
					<li class="item"><a href="#">9</a></li>
					<li class="item"><a href="#">10</a></li>
					<li class="item"><a href="#">...</a></li>
					<li class="item"><a href="#">30</a></li>
					<li class="item"><a href="#"><img class="icon" src="/media/images/icon_arrow_1.gif" width="11" height="5"></a></li>
				</ul>
{% endblock %}